/***********************************************************
	PJ: 			Shift admin
	PATH:			/assets/styles/form_table.css
	DESCRIPTION:	form_table css
************************************************************/

/* ��̓e�[�u��
---------------------------------------------------------------------*/

#container #content .formTable {
	width:100%;
	text-align:left;
	font-size:13px;
	margin-bottom:20px;
}

#container #content td > table {
	width:100%;
}

#container #content .formTable tr th ,
#container #content .formTable tr td {
	padding:6px 10px;
	vertical-align:center;
}

#container #content .formTable tr td {
	height:30px;
}

#container #content .formTable tr ,
#container #content .formTable tr {
	width:100%;
}

#container #content .formTable thead tr th {
	background-color:#f7f7f7;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	border-left:1px solid #fff;
	border-right:1px solid #e5e5e5;
	text-align:center;
	text-shadow:0 1px 0 #fff;
	cursor:default !important;
	
}

#container #content .formTable tbody tr th {
	width:140px;
	font-weight:normal;
	border-right:3px double #eee;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	text-shadow:0 1px 0 #fff;
}

#table_pulldown tbody td:first-child ,
#table_checkbox tbody td:first-child ,
#table_radio tbody td:first-child {
	width:46px;
	text-align:center;
}

/*�v���O�C���Ƃ̋������*/
table.mceLayout th ,
table.mceLayout td {
	background-color:#fff;
	padding:0 !important;
}

#container #content .formTable tr:nth-child(even) th ,
#container #content .formTable tr:nth-child(even) td {
	background-color:#F9F9F9;
}


.formTable tr:nth-child(even) td table tr:nth-child(even) th ,
.formTable tr:nth-child(even) td table tr:nth-child(even) td {
	background-color:#fff !important;
}


#container #content .formTable tr.hover > th ,
#container #content .formTable tr.hover > td {
	/*background-color:#FDFCD4;*/
}

#container #content .formTable td ul li {
	padding:3px 0;
}

/* �e�L�X�g�t�B�[���h
---------------------------------------------------------------------*/

#search_form input[type=text] ,
#container #content .formTable .text ,
#container #content .formTable input[type=text] ,
input[type=number] ,
#container #content .formTable input[type=search] ,
#container #content .formTable input[type=email] ,
#container #content .formTable input[type=password] ,
#container #content .formTable textarea:not(.mce_edit) {
	padding:1px 4px;
	line-height:1.6;
	font-size:11px;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #ccc;
	box-shadow: 0 0 6px #ddd inset , 0 1px 0 #fff;
	margin:1px 3px 1px 1px;
	font-size:13px;
}

#search_form input[type=text] ,
#container #content .formTable .text ,
#container #content .formTable .smartspinner ,
#container #content .formTable input[type=text] ,
#container #content .formTable input[type=password] {
	height:20px;
	line-height:20px;
}

#search_form input[type=text] {
	padding:1px 4px;
}

#container #content .formTable textarea:not(.mce_edit) {
	width:95%;
}

#container #content .formTable input.text {
	width:320px;
}

#container #content .formTable input.text_short ,
#container #content .formTable input.short {
	width:70px;
}

#login_pass ,
#password {
	width:110px;
}

/* �{�^���ǂ�
--------------------------------------------------------*/

.btn_blank a ,
.btn_blank button ,
#container .rank dl dd a ,
#container #content .formTable button ,
#search_form dd button ,
#search_form .btn_category ,
#container #content .formTable input[type=button] {
	text-align:center;
	font-size:12px;
	width:84px;
	height:24px;
	line-height:24px;
	border:0;
	text-decoration:none;
	text-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	background:url(../images/btn/btn_blank.gif) 0 0 no-repeat;
	cursor:pointer;
	color:#444;
}

.btn_blank a:hover ,
#container .rank dl dd a:hover ,
#container #content .formTable button:hover ,
#search_form dd button:hover ,
#search_form .btn_category:hover ,
#container #content .formTable input[type=button]:hover {background-position:0 -24px;text-decoration:none;color:#444;}

.btn_blank a:active ,
#container .rank dl dd a:active ,
#container #content .formTable button:active ,
#search_form dd button:active ,
#search_form .btn_category:active ,
#container #content .formTable input[type=button]:active {background-position:0 -48px;text-decoration:none;color:#444;}

.btn_blank a {
	display:block;
}

.delete_category ,
.delete_mini {
	width:16px;
	height:16px;
	margin:1px 0 0 0;
	text-indent:-10000px;
	display:block;
	float:left;
	margin-right:2px;
	background:url(../images/icons/delete_mini.gif) 0 -1px no-repeat;
}

#container #content .delete_category:hover , 
.delete_mini:hover {background-position:0 -17px;}
#container #content .delete_category:active ,
#container #content .delete_mini:active{background-position:0 -33px;}

/* acheckbox , radio , select
--------------------------------------------------------*/

input[type=checkbox] ,
input[type=radio] {
	margin-right:8px;
} 

label.checkbox input[type=checkbox] ,
label.radio input[type=radio] {
	position:relative;
	z-index:-1;
}

label.checkbox ,
label.radio {
	margin-right:6px;
}

label.checkbox {
	background:url(../images/icons/checkbox.png) 0 0 no-repeat;
}

label.radio {
	background:url(../images/icons/radio.png) 0 0 no-repeat;
}

label:active {background-position:0 -21px;}
label.checked {background-position:0 -42px;}
label.checked:active {background-position:0 -63px;}

select {
	padding:4px 3px;
	line-height:1.6;
	font-size:11px;
	border-radius:2px;
	border:1px solid #ccc;
	box-shadow: 0 0 6px #ddd inset , 0 1px 0 #fff;
	font-size:13px;
}

/* �K�{���ڂƓ�̓`�F�b�N
--------------------------------------------------------*/

#container #content .formTable .must {
	padding-left:44px;
	width:116px;
	background:url(../images/icons/icon-must.gif) 5px center no-repeat;
}

#container #content .formTable .must1 {
	padding-left:44px;
	width:116px;
	background:url(../images/icons/icon-must.gif) 5px center no-repeat;
}


#container #content .formTable .required > th ,
#container #content .formTable .required > td {
	background-color:#ffe5e5 !important;
}

#container #content .formTable .required .text ,
#container #content .formTable .required input[type=text] ,
#container #content .formTable .required input[type=search] ,
#container #content .formTable .required input[type=email] ,
#container #content .formTable .required input[type=password] ,
#container #content .formTable .required textarea:not(.mce_edit) {
	background-color:#fff;
	border:1px solid #fcacac;
}

/* ��t
--------------------------------------------------------*/

.text_date {
	width:90px;
	background:url(../images/icons/calendar.gif) 4px center no-repeat;
	text-align:right;
}

.text_date ,  x:-moz-any-link {
	width:92px;
}

/* ���̂ق�
--------------------------------------------------------*/

#container #content .formTable img {
	max-width:500px;
}

.centerTable th ,
.centerTable td {
	text-align:center;
}

/* ���x���̃t���[�g
--------------------------------------------------------*/

.labels:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.labels label {
	display:block;
	width:140px;
	margin:0 0 5px;
	float:left;
}

.labels label img {
	width:20px;
	height:20px;
	margin-right:3px;
}

/* �S�����Ƀt���[�g
--------------------------------------------------------*/

.floats span ,
.floats label ,
.floats div ,
.floats > input {
	float:left;
}

.floats > input {
	position:relative;
	z-index:2;
}

.floats span {
	padding:3px 0 0;
}


/* �X�s�i�[
---------------------------------------------------------------------*/

.smartspinner {
	width:52px;
	background: url(../images/icons/normal.jpg) no-repeat right;
	padding:1px 4px;
	line-height:1.6;
	font-size:11px;
	background-color:#fff;
	border-radius:2px;
	border:1px solid #ccc;
	box-shadow: 0 0 6px #ddd inset , 0 1px 0 #fff;
	margin:1px 3px 1px 1px;
	font-size:13px;
}
.smartspinner.up {
	background: url(../images/icons/up.jpg) no-repeat right;
	cursor:pointer;
}
.smartspinner.down {
	background: url(../images/icons/down.jpg) no-repeat right;
	cursor:pointer;
}

/* �e�[�u���̃\�[�g�E�h���b�O
---------------------------------------------------------------------*/

.ui-sortable {
	cursor:move;
}

.ui-sortable-helper {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	background-color:#FDFCD4;
}

.ui-sortable-helper td span.ddmsg {
	display:none !important;
}

.draggable tbody tr td {
	position:relative;
}

.draggable tbody tr td span.ddmsg {
	font-size:9px;
	text-align:center;
	position:absolute;
	z-index:1;
	right:5px;
	background-color:#fff;
	color:#000 !important;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;	border:1px solid #aaa;
	top:-10px;
	line-height:1.2;
	color:#555;
	display:none;
	width:160px;
	padding:2px;
	border-radius:4px;
}

.draggable tbody tr:hover td span.ddmsg {
	display:block;
}

/* translate
--------------------------------------------------------*/

.translate_btns {
	display:none;
	position:absolute;
	top:9px;
	text-align:center;
	font-size:12px;
	width:110px;
	padding:1px 2px 0;
	background-color:#fff;
	border-radius:3px;
	list-style:none;
	background-color: #000;
	
}
.translate_btns li {
	float:left;
	margin:0 3px;
	width:16px;
	height:18px;
}

.translate_btns li a {
	background: rgb(68,68,68); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(68,68,68,1) 1%, rgba(22,22,22,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(68,68,68,1)), color-stop(100%,rgba(22,22,22,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 1%,rgba(22,22,22,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(68,68,68,1) 1%,rgba(22,22,22,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(68,68,68,1) 1%,rgba(22,22,22,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(68,68,68,1) 1%,rgba(22,22,22,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
	color:#fff;
	width:16px;
	height:16px;
	line-height:16px;
	border:1px solid #454545;
	border-radius:2px;
	text-shadow:0 1px 0 #000;
	display:block;
}

.translate_btns li a:hover {
	background: rgb(0,0,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(69,72,77,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
}

.result_en ,
.result_zh-cn ,
.result_ko ,
.result_fr ,
.result_it {
	text-indent:16px;
}


.result_en {background:url(../images/translate/en.png) 2px 5px no-repeat;}
.result_zh-cn {background:url(../images/translate/cn.png) 2px 5px no-repeat;}
.result_ko {background:url(../images/translate/ko.png) 2px 5px no-repeat;}
.result_fr {background:url(../images/translate/fr.png) 2px 5px no-repeat;}
.result_it {background:url(../images/translate/it.png) 2px 5px no-repeat;}
